@border-color: #ddd;

//table
table {
	text-align: left;
	width: 100%;
	border-collapse: collapse;

	> thead,
	> tbody {
		width: 100%;
	}
}


/* table head */
thead > tr {
	border-top: 2px solid @border-color;
	border-bottom: 1px solid @border-color;
}

tbody > tr {
	border-bottom: 1px solid @border-color;

	&:nth-child(3n) {
		background-color: @infoBGColor;
	}

	&:nth-child(6n) {
		background-color: @successBGColor;
	}

	&:nth-child(9n) {
		background-color: @warningBGColor;
	}

	&:nth-child(12n) {
		background-color: @dangerBGColor;
	}
}
tr > th,
tr > td {
	display: inline-block;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

tr {
	> th{
		padding-top:10px;
		padding-bottom: 10px;
		width: 25%;
		overflow: hidden;
	}

	> td{
		padding-top: 8px;
		padding-bottom: 8px;
		width: 25%;
		max-width: 25%;
		min-width: 25%;
	}
}



